.page-content-wrap
  padding: 41px 0 50px
// tab
.subnav-items
  text-align: center
  height: 40px
  line-height: 40px
  background: #fff
.subnav-item
  color: #000
  .subnav
    border-bottom: 0
  &.active
    .subnav
      color: #fdcd29
      line-height: 37px
      display: inline-block
      border-bottom: 2px solid #ffc210

// 推荐 Hr列表时 tab标签的样式
.subnav-items
  &.recommend-subnav-items
    .subnav-item
      .subnav
        color: #656565
      &.active 
        .subnav
          color: #000
/* 占位符 */
.placeholder-div 
  height: 1rem
  background: #f6f6f6
// 两边的padding值
.page-padding 
  padding: 0 1.5rem
.page-padding10
  padding: 0 1rem
 
// 按钮
.button-wrap
  text-align: center
  .button 
    display: inline-block
    width: 180px
    height: 40px
    line-height: 40px
    color: #202020
    background: #ffdc54
    border-radius: 6px
    box-shadow: 1px 1px 10px #fdea2b

// 超出一行用省略号
.overflow_1line 
  overflow: hidden !important
  text-overflow: ellipsis !important
  display: -webkit-box !important
  -webkit-line-clamp: 1 !important
  -webkit-box-orient: vertical !important

.c-popups
  //弹窗蒙层
  .popups-bg 
    position: fixed
    top: 0
    left: 0
    right: 0
    bottom: 0
    background: rgba(0, 0, 0, 0.4)
    z-index: 1000
  //弹窗样式
  .popups-bottom-wrap
    position: fixed
    bottom: 0
    left: 0
    right: 0
    background: #fff
    z-index: 1001
    .title-wrap
      line-height: 4rem
      border-bottom: 1px solid #e9e8e8
      .close
        color: #e9e8e8
      .title
        text-align: center
        font-weight: 400
    .pay-content 
      padding: 1.6rem
      .money
        max-height: 20rem
        color: #eb2502
        text-align: center
    .button-width
      margin-top: 1rem
      width: 100%
  // 弹窗内容
  .popups-content-wrap
    position: fixed
    top: 50%
    left: 1.6rem
    right: 1.6rem
    margin-top: -9rem
    z-index: 1001
    background: #fff
    border-radius: 6px
    padding: 1rem
    .close-icon
      color: #999
      text-align: right
      font-weight: 100
    .popups-content-tips-wrap
      text-align: center
      .tips-icon
        width: 4.8rem
        height: 4.8rem
        max-width: 6rem
      .tips
        line-height: 2
        margin-bottom: 0.4rem
      .tips-words
        line-height: 2
        margin-bottom: 1rem
      .popups-single-btn-wrap
        text-align: center
        margin-bottom: 2rem
        .popups-single-btn
          display: inline-block
          padding: 4px 10px
          background: #fec210
          border-radius: 6px
          color: #202020
          min-width: 18rem
  .popups-content-small-wrap
    position: fixed
    top: 45%
    width: 20rem
    left: 50%
    margin-left: -10rem
    padding: 15px 10px
    background: #fff
    border-radius: .8rem
    z-index: 1001
    text-align: center
    .way-btn-wrap
      padding: 20px 0 10px
      .way-text
        padding: 6px 14px
        background: #ffdc54
        border-radius: 6px
        cursor: pointer


  //弹窗两个按钮时的样式
  .popups-wrap
    position: fixed
    top: 50%
    left: 50%
    width: 80%
    margin-left: -40%
    margin-top: -8rem
    padding: 2rem
    background: #fff
    border-radius: 6px
    z-index: 1001
    .popups-title
      line-height: 2
      text-align: center
    .content
      line-height: 1.5
      text-align: center
      margin: 6px 0 14px
    .btn-wrap 
      .button 
        min-width: 50px
        text-align: center
        padding: 2px 8px
        border-radius: 4px
        &.cancel-btn
          color: #8a8a8a
          background: #f2f2f2
        &.sure-btn
          color: #202020
          background: #ffdc54
//提示框
.popups-tips-wrap
  background: rgba(0, 0, 0, 0.8)
  position: fixed
  top: 50%
  left: 50%
  width: 60%
  margin-left: -30%
  margin-top: -8rem
  padding: 2rem 1rem
  border-radius: 6px
  z-index: 1001
  .content
    text-align: center
    color: #fff

// 步骤
.step-wrap
  margin-bottom: 4rem
.step-item 
  .step-num
    .num
      flex: 0 0 60px
      width: 60px
      text-align: center
      span
        display: inline-block
        border-radius: 50%
        width: 22px
        height: 22px
        line-height: 22px
        text-align: center
        border: 1px solid #979797
        color: #979797
      .active
        background: #fdcd29
        color: #fff
        border: 0 
    .c-feedback-num
      text-align: center
      margin-bottom: .4rem
      span
        display: inline-block
        border-radius: 50%
        width: 22px
        height: 22px
        line-height: 22px
        text-align: center
        background: #f2f2f2
        color: #979797
      .active
        background: #fdcd29
        color: #fff
        border: 0 
    .line 
      height: .1rem
      background: #e5e5e5
  .step-info
    flex: 0 0 60px
    width: 60px
    padding: 0 0.4rem
    text-align: center
    margin-top: 0.4rem
    .step-info-common 
      color: #000
      line-height: 1.4
      &.active 
        color: #fdcd29
  .c-feedback-step-info
    margin-left: -.5rem
    .step-info-common 
      color: #656565
      line-height: 1.4
      &.active 
        color: #000
    
//图片
.recommend-img 
  text-align: center
  margin-bottom: 2rem
  .tips-text
    text-align: center
    color: #656565
//带黄色条带的标题
.rewardstep-title
  line-height: 2
  .name
    padding-left: 4px
    line-height: 1
    background: url('../../images/titleBg.png') no-repeat left bottom

//各个消息页面的头像
.info-head-portrait
  flex: 0 0 4.7rem
  width: 4.7rem
  img
    width: 100%

//cell
.c-cells
    background-color: #FFFFFF
    line-height: 1.47058824
    overflow: hidden
    position: relative
    color: #000
    .c-cell
      padding: 10px 15px
      position: relative
      display: -webkit-box
      display: -webkit-flex
      display: flex
      -webkit-box-align: center
      -webkit-align-items: center
      align-items: center
      .c-weui-cell-bd
        webkit-box-flex: 1
        -webkit-flex: 1
        flex: 1
      .weui-cell-ft
          input
            display: block

// 进度条
.resume-progress 
  position: relative
  text-align: center
  height: 1.6rem
  border-radius: .8rem
  background: #e9e8e8
  .active-progress
    position: absolute
    top: 0
    left: 0
    right: 30%
    bottom: 0
    background: #ffdc54
    border-radius: .8rem
  .num
    position: absolute
    line-height: 1.6rem
.c-textarea
  width: 100%
  border: 1px solid #CBCBCB
  border-radius: 5px
  padding: 10px

//确认订单布局
.confirm-pay-fixed-wrap
  position: fixed
  bottom: 0
  left: 0
  right: 0
  height: 5rem
  line-height: 5rem
  .confirm-pay-fixed
    position: absolute
    top: 0
    left: 0
    right: 0
    bottom: 0
    background: #fff
    border-top: 1px solid #eaeaea
    .comfirm-amount
      padding: 0 1.6rem
      span
        color: #eb2502
    .comfirm-btn
      background: #ffdc54
      text-align: center
      padding: 0 1rem
  
// 悬赏设置的列表样式
.c-reward-item-wrap 
  border-radius: .6rem
  box-shadow: 0 0 10px #eaeaea
  padding: 1rem
  margin: 0 auto 1.6rem
.reward-job-wrap
  .job-img
    flex: 0 0 4.7rem
    width: 4.7rem
    height: 4.7rem
    .img-text 
      width: 100%
      border-radius: .8rem
  .job-introduce
    .job-left-info
      margin-left: 1rem
      .job-title
        margin-bottom: .2rem
        .saraly
          color: #eb2502
          margin-left: .6rem
      .company-name,.company-others
        color: #656565
        margin-bottom: .2rem
    .arrow-right
      color: #e5e5e5
    // 单选按钮
    .icon-wrap
      .mgc
        width: 2.2rem
        height: 2.2rem
      .mgc:checked:after
        width: .8rem
        height: .4rem
        top: .6rem
        left: .6rem
      .mgc:checked
        border-color: #ffdc54
      .mgc:checked:after
        border-color: #ffdc54
    // 悬赏提交成功后的页面
    .reward-success-amount-wrap
      text-align: center
      margin: 0 auto
      .amount-img
        width: 4.2rem
        height: 4.2rem
        .amount-img-text
          width: 100%
      .amount-text
        color: #eb2502


  //职位搜索 公司搜索
.c-select
  margin-top: .6rem
  .slot
    line-height: 3.4rem
    .icon-bixutian
      display: inline-block
      min-width: 16px
      color: #FFDC54
      vertical-align: middle
    .placeholder 
      min-width: 16px
      display: inline-block
    .slot-name
      display: inline-block
      vertical-align: middle
      color: #656565
  .add-info
    width: 100%
    height: 3rem
    line-height: 3rem
    color: #fecc02
    text-align: center
    border: 1px solid #fecc02
    border-radius: .5rem
  .base-select
    position: relative
    .icon-you1
      right: 4px
      position: absolute
      display: inline-block
      top: 6px
      z-index: 2
      color: #e5e5e5
    .select
      -webkit-appearance: none
      -moz-appearance: none
      appearance: none
      width: 100%
      border: 1px solid #cccccc
      border-style: solid
      padding: 4px 6px
      border-radius: .5rem
      display: inline-block
      height: 30px
      position: relative

  //评价卡片
.c-release-card
    background: #FFFFFF
    box-shadow: 0 3px 8px 3px rgba(235,236,236,0.50)
    border-radius: 5px
    padding-top: 1rem
    .release-user
      margin-bottom: 8px
      .release-user-img
        height: 3.7rem
        width: 3.7rem
        border-radius: 50%
      .release-user-baseInfo
        padding-left: 1rem
        color: #656565
        .release-user-baseInfo-name
          line-height: 20px
          .name
            color: #000000
          .school
            color: #656565
        .release-user-baseInfo-time
          line-height: 20px
    .release-content
      color: #000000
      font-family: PingFangSC-Regular
      margin-bottom: 8px
    .release-imgs
      .release-img-container
        width: 32.8%
        margin-bottom: 5px
        position: relative
        height: 0px
        padding-top: 32.8%
      .release-img
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%
    .bountys
      .bounty
        text-align: center
        padding: 5px 0
        margin-bottom: 5px
        .bounty-btn
          border: 1px solid #EB2502
          color: #EB2502
          height: 44px
          width: 44px
          line-height: 44px
          text-align: center
          background: #fff
          border-radius: 100%
        .bounty-num
          color: #000000
          margin-top: 5px
          
// 关注按钮
.release-user-focus
    flex: 0 0 6rem
    width: 6rem
    text-align: center
    .focus-btn
      background: rgba(255,220,84,1)
      height: 2.4rem
      line-height: 2.4rem
      display: block
      border-radius: 2.2rem
      color: #202020
    .has-focus
      background:#F2F2F2
      height: 2.4rem
      line-height: 2.4rem
      display: block
      border-radius: 2.2rem
      color: #202020
// 写评论 input 框
.c-publish-evaluation
  padding: 8px 17px
  position: fixed
  bottom: 0
  left: 0
  right: 0
  width: 100%
  z-index: 10
  background: #fff
  .publish-evaluation
    position: relative
    .evaluation-input
      width: 100%
      height: 35px
      border: 1px solid #ccc
      border-radius: 5px
      padding-left: 20px
    .up
      position: absolute
      right: 5px
      top: 4px
      display: inline-block
      height: 26px
      width: 26px
      border-radius: 100%
      background:  #FFDC54
      line-height: 26px
      text-align: center
//评论列表样式
.c-evaluation-list
    .evaluation-item
      padding: 14px 0
      .evaluation-user-img
        height: 44px
        width: 44px
        border-radius: 100%
        display: inline-block
      .evaluation-content
        padding-left: 14px
        color: #656565
        padding-bottom: 10px
      .name-praise
        line-height: 20px
        position: relative
        .name
          color: #000000
        .praise
          position: absolute
          right: 2px
          top: 1px
          display: inline-block
      .content
        line-height: 20px
      .time
         line-height: 20px



// 反馈页面中的 面试信息 部分
.c-feedback-interview-content-item-wrap
  padding-left: 1.6rem
  .feedback-interview-img-wrap
    flex: 0 0 4.4rem
    width: 4.4rem
    height: 4.4rem
    padding: .6rem 0
    .feedback-interview-img
      width: 100%
      border-radius: 50%
  .feedback-interview-right-wrap
    padding: .6rem 1.6rem .6rem 0
    .feedback-person-info-wrap
      padding-left: .8rem
      .info-wrap
        line-height: 2rem
        .post
          color: #656565
      .company
        line-height: 2rem
        color: #656565
    // 状态
    .status-wrap
      margin-left: .6rem
      flex: 0 0 6rem
      width: 6rem
      .status-mark
        display: block
        height: 2.4rem
        line-height: 2.4rem
        text-align: center
        border-radius: 0.4rem
        border: 1px solid #8a8a8a
        color: #8a8a8a
        &.active
          color: #eb2502
          border-color: #eb2502
    .reward-money-wrap
       margin-left: .6rem
       flex: 0 0 6rem
       width: 6rem
       text-align: center
       .money-mark
         color: #8a8a8a
         &.active
           color: #eb2502

//校友圈图片
.c-school-img-wrap
  width: 100%
  height: 0 
  padding: 0 1.5rem 50%
  overflow: hidden
  margin-bottom: 1rem
  .school-img 
    width: 100%
    border-radius: .5rem


  //我的发布 发布卡片
.c-publish-card
    background: #FFFFFF
    box-shadow: 0 3px 8px 3px rgba(235,236,236,0.50)
    border-radius: 5px
    padding-top: 1rem
    .discuss
      text-align: center
      height: 42px
      line-height: 40px
      color: #656565
      font-size: 14px
    .publish-user
      margin-bottom: 8px
      .publish-user-img
        height: 3.7rem
        width: 3.7rem
        border-radius: 50%
      .publish-user-baseInfo
        padding-left: 1rem
        color: #656565
        .publish-user-baseInfo-name
          line-height: 20px
          .name
            color: #000000
          .school
            color: #656565
        .publish-user-baseInfo-time
          line-height: 20px
    .publish-content
      color: #000000
      font-family: PingFangSC-Regular
      margin-bottom: 8px
    .publish-imgs
      .publish-img-container
        width: 32.8%
        margin-bottom: 5px
        position: relative
        height: 0px
        padding-top: 32.8%
      .publish-img
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%
    .bountys
      .bounty
        text-align: center
        padding: 5px 0
        margin-bottom: 5px
        .bounty-btn
          border: 1px solid #EB2502
          color: #EB2502
          height: 44px
          width: 44px
          line-height: 44px
          text-align: center
          background: #fff
          border-radius: 100%
        .bounty-num
          color: #000000
          margin-top: 5px

// 搜索框
.c-input-wrap
  margin-bottom: 1rem
  .input
    border: 0
    background: #f2f2f2
    color: #8a8a8a
    height: 30px
    line-height: 30px
    text-align: center
    padding: 0 10px
    border-radius: 4px
.input::-webkit-input-placeholder 
    font-family: "iconfont"

// 推荐人信息
.c-recommend-person-title
  .title-name
    height: 4.8rem
    line-height: 4.8rem
    padding-left: 3rem
    .little-tips
  .more-wrap
    margin-left: .6rem

// 列表
.c-recommend-person-hot-items
  margin-bottom: 1rem
  .c-recommend-person-hot-item
    text-align: center
    .header-img
      flex: 0 0 6rem
      width: 6rem
      height: 6rem
      margin: 4px auto
      overflow: hidden
      img
        width: 100%
        border-radius: 50%
    .name 
      line-height: 1.5
    .job
      color: #656565

//推荐列表
// 列表li样式
.c-friend-recommond-item
  margin-bottom: 1rem
  border-radius: 6px
  background: #fff
  box-shadow: 0 0 10px #e1e1e1
  // 推荐Ta 顶部按钮按钮样式
  .recommendTA-head-btn-wrap
    height: 40px
    line-height: 40px
    border-bottom: 1px solid #eaeaea
    .common-btn-style
      text-align: center
      color: #202020
      span
        display: inline-block
        width: 50%
        &.gray-btn
          background: #f2f2f2
          border-top-left-radius: 6px
        &.hightlight-btn
          background: #ffdc54
          border-top-right-radius: 6px
        &.single-hightlight-btn
          background: #ffdc54
          border-top-left-radius: 6px
          border-top-right-radius: 6px
        &.single-gray-btn
          background: #f2f2f2
          border-top-left-radius: 6px
          border-top-right-radius: 6px
//被推荐人的个人信息
.recommond-info-wrap
  padding-top: 1rem
  .recommond-head-pic
    flex: 0 0 37px
    width: 37px
  .recommond-basic-info 
    margin-left: 0.4rem
    .text
      color: #656565
      line-height: 24px
      &.name
        color: #000
// 操作按钮
.operation-wrap
  .button
    display: inline-block
    height: 0
    line-height: 0
    padding: 11px 8px
    border-radius: 11px
    background: #fec210
    color: #202020
// 工作信息
.recommond-job-wrap
  padding-bottom: 1rem
.job-info
  line-height: 28px
  .company-name
    color: #000
    font-weight: 400
  .job-name
    color: #000
    margin: 0 6px
  .job-salary 
    color: #000
.left-bottom-info
  line-height: 24px
  color: #656565
  //右边图片信息
.right-reward-info-wrap
  .reward-img
    flex: 0 0 33px
    width: 33px
    height: 39px
  .sum-money
    color: #eb2502
    line-height: 24px
//像 推荐岗位 的分割线
.segment-line-wrap
  margin: 10px 0 
  .circle
    flex: 0 0 6px
    width: 6px
    height: 6px
    border: 1px solid #fec210
    border-radius: 50%
  .line
    height: 1px
    background:  #fec210
  .text
    margin: 0 8px
    
// 推荐结束时分割线的样式
.segment-line-wrap
  &.recommend-end-line-wrap
    .circle
      border-color: #eaeaea
    .line
      background: #eaeaea

//简历
.push-resume-centent-wrap
  .push-resume-centent-item
    margin: 1rem 0
  .resume-icon
    flex: 0 0 1.2rem
    width: 1.2rem
    height: 1.4rem
    background: url('../../images/myresume.png') no-repeat center center
    background-size: cover
  .resume-title 
    max-width: 8rem
    margin: 0 .8rem
  .isCheck-wrap
    margin-left: .8rem

// 购物车加减功能
.c-plug-wallet-wrap
  height: 3rem
  line-height: 3rem
  box-sizing: border-box
  .num-operation
    flex: 0 0 2.6rem
    width: 2.6rem
    height: 100%
    color: #979797
  .num-input-wrap
    height: 100%
    padding: 0 .1rem
    .num-input
     width: 100%
     text-align: center

//反馈中的提示
// 提示部分
.feedback-tips-wrap
  // position: fixed
  // bottom: 1rem
  // left: 1.6rem
  // right: 1.6rem
  // z-index: 1
  border-radius: .4rem
  padding: 1rem
  box-shadow: 0 0 1rem #eaeaea
  min-width: 0
  .tips-text
    line-height: 1.8rem
  .close
    margin-left: .6rem
    color: #d8d8d8

//悬赏金额
.c-push-resume-reward-wrap
  padding: 1.6rem
  .resume-reward-tips
    margin-bottom: 1rem
    color: #656565
  .reward-amount-items
    margin-bottom: 1rem
    .reward-amount-item
      text-align: center
      border: 1px solid #b6b6b6
      height: 4.7rem
      line-height: 4.7rem
      margin-left: 1rem
      border-radius: .6rem
      color: #b6b6b6
      font-weight: 400
      &.active 
        color: #eb2502
        border-color: #eb2502
    .reward-amount-item:first-child 
      margin-left: 0
  .resume-reward-notes
    text-align: center

// 个人中心列表
.c-myresume-item-wrap
  .myresume-list-one-wrap
    height: 4rem
    line-height: 4rem
    .img-text
      vertical-align: middle
    .text
      padding-left: .4rem
    .light-color
      color: #656565
    .gray-text
      color: #000
    .yellow-color
      color: #ffc210
    .icon-you1
      color: #e5e5e5
    .blue-color
      color: #106785
    .red-color
      color: #ff041b
    .green-color
      color: #0e8404
    .brown-color
      color:a66a0a
    .purple-color
      color: #71033e
    .skyblue-color
      color: #10c6d6
    .roseo-color
      color: #d9196f
    .darkgreen-color 
      color: #19bbca
    .lightbrown-color
      color: #8b572a
    .orange-color
      color: #f5a623
    .lightblue-color
      color: #4a90e2
    // 单选按钮
    .input-radio-wrap
      margin-left: .8rem
      .mgr-primary:checked
        border-color: #74aef2
        background-color: #74aef2
      .mgr-primary:checked:before
        background-color: #fff

//列表样式
.c-item-wrap
  line-height: 3.6rem
  .active
    color: #ffdc54
  .name
    .y-color
      color: #FFC210
    .b-color
      color: #166B88
    .r-color
      color: #F20606
    .g-color
      color: #0E8404
    .brown-color
      color: #A66A0A
    .p-color
      color: #71033E
      
//教育背景、 工作实习经历
.c-edu-bg-items-wrap
  margin-bottom: 2rem
.c-edu-bg-item-wrap 
  padding: 1.5rem 1rem
  background: #fff
  border-radius: .5rem
  box-shadow: 0 0 10px #eaeaea
  margin-bottom: 1rem
  .img-wrap
    flex: 0 0 6rem
    width: 6rem
    height: 6rem
    overflow: hidden
    .img-text
      width: 100%
      border-radius: 50%
  .edu-bg-content
    padding: 0 .4rem
    .edu-bg-text
      line-height: 1.8rem
    .edu-bg-samll-text
      color: #656565
      line-height: 1.8rem
  .edu-bg-btn
    .icon-jianhao 
      color: #e33d19

//预览简历
.c-resume-perview-part-wrap
  padding: 1rem
  border-radius: .5rem
  background: #fff
  box-shadow: 0 0 10px #eaeaea
  margin-bottom: 2rem
  .img-wrap
    margin: 1rem auto .2rem
    width: 6.4rem
    height: 6.4rem
    overflow: hidden
    .img-text
      width: 100%
      border-radius: 50%
  .img-tips
    text-align: center
    color: #ffc210
  // 头部
  .c-resume-perview-title
    margin-bottom: 2rem
    .require
      line-height: 0
      padding: 0 .6rem
      border: 1px solid #f26b53
      border-radius: 1.2rem
      color: #f26b53
      margin-left: 1rem
    .edit-wrap
      color: #ffc210
  // 列表
  .resume-perview-items-wrap
    .resume-perview-item-wrap
      line-height: 2
      .resume-perview-item-detail
        line-height: 1.8rem
.btn-bottom
  margin-bottom: 2rem
  
.c-input-b
  border: none
  background: #F2F2F2
  border-radius: 5px
  height: 3.1rem
  padding-left: 15px